// Tabs 标签页

.nav-pills,
.nav-tabs {
	margin: 0 0 25px 0;   

	.nav-item {
		.nav-link {
			padding: .75rem 1.25rem;
			font-size: 1rem;
			font-weight: 400;
			@include e-transition();
			@include e-icons-style(font-size, (fontawesome: 1.2rem, lineawesome: 1.3rem, flaticon: 1.2rem) );

			i {
				vertical-align: middle;
				line-height: 0;
				display: inline-block;  
				margin-right: .5rem;
			}

			// 修正图标垂直居中
			// Lineawesome
			[class^="la-"],
			[class*=" la-"] {
				margin-top: -.2rem;
			}

			// Fontawesome
			[class^="fa-"],
			[class*=" fa-"] {
				margin-top: -.15rem;
			}

			&.active,
			&:active,
			&:hover {
				@include e-transition();
			}
		}
		&.disabled {
			color: e-base-color(label, 2);

			i {
				color: e-base-color(label, 2);
			}
		}
	}
}

// 默认
.nav-tabs {
	.nav-item {
		.nav-link, > i {
			color: e-brand-color();

			i {
				color: e-brand-color();
			}

			&.active,
			&:active,
			&:hover {
				color: e-brand-color();

				i {
					color: e-brand-color();
				}
			}
		}

		&.show > .nav-link {
			color: e-brand-color();

			i {
				color: e-brand-color();
			}
		}
	}
}

// 圆角
.nav-pills {
	.nav-item {
		margin-right: .5rem;

		&:last-child {
			margin-right: 0;
		}

		.nav-link {
			color: e-base-color(label, 3);

			&:active,
			&.active,
			&.active:hover {
				background-color: e-brand-color();
				color: e-brand-color(inverse);
			}
		}

		&.show > .nav-link {
			background-color: e-brand-color();
			color: e-brand-color(inverse);
		}
	}

	// 尺寸
	&.nav-pills-sm {
		.nav-item {
			.nav-link {
				font-size: .9rem;
				padding: $input-btn-padding-y-sm $input-btn-padding-x-sm !important;
			}
		}
	}

	// 加粗
	&.nav-pills-bold {
		.nav-item {
			.nav-link {
				font-weight: 500;
			}
		}
	}

	// 状态色
	@each $name, $color in $e-state-colors {
		&.nav-pills-#{$name} {
			a.nav-link {
				&:active,
				&.active,
				&.active:hover {
					color: e-get($color, inverse) !important;
					background-color: e-get($color, base);
					i {
						color: e-get($color, inverse) !important;
					}
				}
			}
		}
		// 标签风格
		&.nav-pills-label-#{$name} {
			.nav-item {
				.nav-link {
					&:active,
					&.active,
					&.active:hover {
						background-color: rgba(e-get($color, base), .1);
						color: e-get($color, base);
					}
				}

				&.show > .nav-link {
					background-color: rgba(e-get($color, base), .1);
					color: e-get($color, base);
				}
			}
		}

	}
}

.nav-margin-less {
	margin: 0 !important;
}